<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Media Grid Demo</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Description" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <div class="row gutter-s">
			<div class="col-p-24 col-t-0 col-0"><div class="line-a_so1 text-clamp_1">.col-p-24.col-t-0.col-0</div></div>
			<div class="col-p-12 col-p-ml_12 col-t-24 col-2"><div class="line-a_so1 text-clamp_1">.col-p-12.col-p-ml_12.col-t-24.col-2</div></div>
			<div class="col-p-12 col-p-mr_12 col-t-24 col-4"><div class="line-a_so1 text-clamp_1">.col-p-12.col-p-mr_12.col-t-24.col-4</div></div>
			<div class="col-p-24 col-t-12 col-6"><div class="line-a_so1 text-clamp_1">.col-p-24.col-t-12.col-6</div></div>
			<div class="col-p-24 col-t-12 col-12"><div class="line-a_so1 text-clamp_1">.col-p-24.col-t-12.col-12</div></div>
    </div>
  </body>
</html>
